<link rel="stylesheet" href="__PUBLIC__/Admin/css/bootstrap.min.css">
<link rel="stylesheet" href="__PUBLIC__/Admin/css/bootstrap.min.css">
<style>
nav .container-fluid{
margin-left:100px;
margin-right: 50px;
}
#main{
margin:0 0px 30px 100px;
}
.right{
float:right;
width:20%;

}
#side{
float:right;
margin-left:10px;

}
.left{
float:left;
width:78%;
}
.panel{
width:100%;
height:100%; 
float:left;
}
.cl{
width:0px;
height:0px;
clear:both;
}
ul{
float:left;
}
ul li{
list-style-type: none;
float:left;
}
footer{
width: 100%;
height:300px;
background: #3c3c3c;
color: #c2c2c2;
}
#myfooter{
width:1140px;
margin:0 auto;
padding:30px 0px;
}
#myfooter ul{
list-style:none;
line-height:22px;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
    <h3 class="panel-title" id="M2" style="display: block;float:left"><b>我的游记</b></h3>&nbsp;&nbsp;
    <form class="form-inline" style="float: right">
        <div class="row"> 
            <div class="input-group" style="margin-right:30px">
               	<input type="text" class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">go!</button>
                </span>
            </div><!-- /input-group -->
        </div><!-- /.row -->
    </form>
    <br>
    <br>
</div>
	<if condition="$myTravles eq null">
<div class="row">	
	<div class="media" style="height:80px;padding:0 23%">
    	<h3><b>没有游记哦!&nbsp;&nbsp; 
   		<span class="glyphicon glyphicon-hand-right"></span>
   		<a href="">速度开启我的游记历程</a></b></h3>
	</div>
</div>
<else/>
	<foreach name="myTravles" item="myt">
    <div class="col-sm-6 col-md-3" >
        <div class="thumbnail">
            <img src="{$myt['img_path']}" style="width:233px;height:115px">
            <div class="caption">
                <h3 style="width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{$myt['title']}</h3>
                <p style="text-indent:2em;height:58px;overflow:hidden;text-overflow: ellipsis;
                    display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical;">{$myt['content']}
                </p>
                <p style="float:right">
                	<a class="btn btn-primary btn-xs" role="button" href="{:U('Index/read',['id'=>$myt['id']])}" >查看</a>&nbsp;&nbsp;
                	<a class="btn btn-primary btn-xs" role="button">评论数</a><if condition="$myt['comnum'] gt 99">99+<else/>{$myt['comnum']}</if>&nbsp;&nbsp;
                	<a class="btn btn-primary btn-xs" role="button">点赞</a><if condition="$myt['clicknum'] gt 99">99+<else/>{$myt['clicknum']}</if>
   				</p><br>
            </div>
        </div>
    </div>
	</foreach>
    <div class="media" style="margin-bottom: 350px;">
      <div style="float:right;margin-right:50px">
        {$page}
      </div>
    </div>
</if>
</div>